<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>musiceye</title>
	<!-- Blueprint Framework CSS -->
	<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
	<!--[if IE]><link rel="stylesheet" href="css/blueprint/lib/ie.css" type="text/css" media="screen, projection" /><![endif]-->

	<link rel="stylesheet" type="text/css" href="css/musiceye.css" />
	<link rel="stylesheet" type="text/css" href="css/musiceye-result.css" />
	
	{* <!-- Show the grid and baseline -->
	<style type="text/css">
	    /*<![CDATA
	            .container { background: url('blueprint/lib/grid.png'); }
	    /*]]>*/
	</style> *}
	
<script type="text/javascript" src="musiceye.js"></script>
</head>
<div class="container">
	<div class="column span-17" id="header">
		<a href="{$smarty.server.SCRIPT_NAME}"><img id="logo" src="gfx/logo.gif" alt="" /></a>
	</div>
	<div class="column span-4 last" id="menu">
		<a href="index.php">Home</a> | 
		<a href="about.php">About</a>
	</div>
	<div class="column span-18 last" id="about">
		<br/>
		<strong>Musiceye</strong> is an upcoming service that <span class="marked">ranks artist-lineups</span> on venues based on a tag, 
		given artist names or a lastfm-profile.
		<br/><br/>

		<!--  <a href="http://www.audioscrobbler.net"><img src="gfx/audioscrobbler.gif" alt="" /></a> -->
		<h2>Something on your mind?</h2>
		<form method="post">
			 Name: <input type="text" name="name" value="{$smarty.post.name}" /><br/><br/>
			 <textarea name="message" rows="6" cols="50">{$smarty.post.message}</textarea><br/>
			<input type="submit" name="submit" value="Post message">
		</form>
		<br/><br/>
		{foreach item=message from=$messages}
			<div class="message">
			<div><span class="message_from">{$message.name}</span> <span class="message_time">{$message.timestamp}</span><div style="clear:both"></div></div>
			 {$message.message}
			</div><br>
		{/foreach}
	</div>
</div>
</body>
</html>